<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>Tags Creator - Quick Tags</title>

<style>
body{padding:0;margin:0;font:normal 86% Times New Roman, Serif;}
h2{margin:0 20px;padding:0;}
h1{margin:20px 0 0;padding:0;text-align:center;}
textarea{font:normal 96% courier, Courier New, Monospace, Monaco;}
</style>

<script src="modif/js/GRtagsCreator.obus.js" type="text/javascript"></script>
<script src="modif/js/GRtagsCreator.css.obus.js" type="text/javascript"></script>

<style>
.gr_button{
    font-size:13px;
    font-family:Tahoma;
    font-weight:500;
    color:#aee;
    text-shadow:1px 1px 1px #000;
    border:2px outset #555;
    border:2px solid #222;
    border-radius:3px;
    margin:3px 0px 0px !important;
    background: #828c95;
    background: url();
    background: -moz-linear-gradient(top, #828c95 0%, #28343b 53%, #828c95 98%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828c95), color-stop(53%,#28343b), color-stop(98%,#828c95));
    background: -webkit-linear-gradient(top, #828c95 0%,#28343b 53%,#828c95 98%);
    background: -o-linear-gradient(top, #828c95 0%,#28343b 53%,#828c95 98%);
    background: -ms-linear-gradient(top, #828c95 0%,#28343b 53%,#828c95 98%);
    background: linear-gradient(to bottom, #828c95 0%,#28343b 53%,#828c95 98%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828c95', endColorstr='#828c95',GradientType=0 );
    cursor:pointer;
    text-align:center; 
}
.gr_button{
    transition:0.1s;
    -o-transition:0.1s;
    -ms-transition:0.1s;
    -moz-transition:0.1s;
    -webkit-transition:0.1s;
}
.gr_button:active{
    border-color:#000; 
    transform:scale(0.9);
    -o-transform:scale(0.9);
    -ms-transform:scale(0.9);
    -moz-transform:scale(0.9);
    -webkit-transform:scale(0.9);
}
#gr_gr_kode:nd{display:none;}
input.gr_button:first-of-type{display:none;}
#gr_toolbar_kode{margin:0 auto;text-align:center;display:block;}
#gr_b_kode,#gr_i_kode,#gr_p_kode{width:25px;}
#gr_strong_kode,#gr_table_kode,#gr_scripts_kode{width:50px;}
#gr_div_kode,#gr_pre_kode,#gr_via_kode,#gr_link_kode{width:35px;}
#gr_gr_kode,#gr_bQuote_kode{width:57px;color:yellow;}
#gr_code_kode,#gr_nobr_kode,#gr_span_kode,#gr_form_kode{width:40px;}
#gr_em_kode,#gr_id_kode,#gr_ul_kode,#gr_ol_kode,#gr_li_kode,
#gr_h1_kode,#gr_h2_kode,#gr_h3_kode,#gr_h4_kode,
#gr_h5_kode,#gr_h6_kode,#gr_u_kode,
#gr_dl_kode,#gr_dt_kode,#gr_dd_kode,#gr_tr_kode,
#gr_tr_kode,#gr_td_kode,#gr_ins_kode,#gr_del_kode{width:30px;}
#gr_style_kode,#gr_footnote_kode,#gr_ext_link_kode{width:60px;}
#gr_script_kode{width:70px;}
#gr_scripts_kode,#gr_but_kode{width:55px;}
#gr_style_kode,#gr_gr_kode,#gr_bQuote_kode,#gr_script_kode,#gr_scripts_kode{color:yellow;}
#gr_spell_kode{width:44px;color:red;}
.gr_button:active{color:red;}
.gr_button:focus,#gr_gr_kode:focus,#gr_bQuote_kode:focus{color:red;}
</style>

</head>
<body>

<h1>Tags Creator - Quick Tags</h1>

<form>
	<fieldset>
		<legend><h2>Example-1</h2></legend>
<div style="width:744px;background:#555;padding:2px 4px 4px;border-radius:6px;margin:10px auto 10px;">
		<script type="text/javascript">grTcW('code');</script>
</div>
		<textarea id="code" rows="7" cols="90" style="display:block;margin:0 auto;"></textarea>
	</fieldset>
	<fieldset>
		<legend><h2>Example-2</h2></legend>
<div style="width:740px;background:#555;padding:2px 4px 4px;border-radius:6px;margin:10px auto 10px;">
		<script type="text/javascript">grTcW('kode');</script>
</div>
		<textarea id="kode" rows="7" cols="90" style="display:block;margin:0 auto;"></textarea>
	</fieldset>
</form>
<style>
#gr_tagsbar_code{display:block;width:744px;margin:0 auto;padding:0;text-align:center;}
#gr_tagsbar_kode{display:block;width:744px;margin:0 auto;padding:0;text-align:center;}
</style>
</body>
</html>